<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ include file="/jsp/common/common.jsp"%>  

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">
        <link rel="stylesheet" type="text/css"
            href="<c:url value="/static/jquery-easyui/themes/default/easyui.css"/>">
        <link rel="stylesheet" type="text/css"
            href="<c:url value="/static/jquery-easyui/themes/icon.css"/>">
        <link rel="Stylesheet" type="text/css"
            href="<c:url value="/static/css/jquery.ui.css"/>" />
        <script type="text/javascript"
            src="<c:url value="/static/jquery-easyui/jquery-1.6.min.js"/>"></script>
        <script type="text/javascript"
            src="<c:url value="/static/jquery-easyui/jquery.easyui.min.js"/>"></script>
        <script type="text/javascript"
            src="<c:url value="/static/jquery-easyui/plugins/jquery.panel.js"/>"></script>
        <script type="text/javascript"
            src="<c:url value="/static/jquery-easyui/plugins/jquery.datagrid.js"/>"></script>
        <script type="text/javascript"
            src="<c:url value="/static/jquery-easyui/plugins/jquery.messager.js"/>"></script>
        <script type="text/javascript"
            src="<c:url value="/static/jquery-easyui/ext-for-framework.js.jsp"/>"></script>
        <script type="text/javascript" src="<c:url value="/static/jquery-easyui/locale/easyui-lang-zh_CN.js"/>"></script>   
        <script type="text/javascript"
            src="<c:url value="/static/js/common.js"/>"></script>       
        <script type="text/javascript" src="<c:url value="/static/js/Loading.js"/>"></script>
        <script type="text/javascript"
            src="<c:url value="/static/js/showMsg.js"/>"></script>
        <script type="text/javascript"
            src="<c:url value="/static/listBox/jquery.clever.listbox.js"/>"></script>
        		
		<script>
		    var dataLeft;
			function initList(listDisplayEId) {
				$('#' + listDisplayEId).datagrid(
						{
							nowrap : false,
							striped : true,
							collapsible : true,
							remoteSort : true,
							notSelectByRow : false,
							toolbar : [
									{
										id : listDisplayEId + '_btn_edit',
										text : '查看价格波动',
										iconCls : 'icon-edit',
										handler : function() {
										
											var row = $('#'+listDisplayEId).datagrid('getSelections');
 											if(row.length == 0){
												$.messager.alert('提示','请选择一条记录操作！','info');
												return;
											}else{
											    var new_win = window.open("<c:url value='/jsp/openIndexSun.jsp?url=/mater/preLookMaterValue.do'/>"+"?materId="+row[0]['materId']+"&materLevel="+row[0]['materLevel'] +"&supId="+row[0]['supId']+"&custId="+row[0]['custId'] ,"sun","width=1200px,height=600px,status=no,scrollbars=yes");
											    new_win.focus();
											    $('#'+listDisplayEId).datagrid('reload');
											}
											$('#'+listDisplayEId).datagrid('clearSelections');
										}
									}
									],
							onLoadError:function(){
								$.messager.alert('错误','获取数据失败，请与管理员联系！','error');
							}
						 ,onClickRow:function(rowIndex){
								$(".myrad").prop("checked",false);
								$(".myrad").eq(rowIndex).prop("checked",true);
							} 
						});
			};
			$(document).ready(function() {
				document.getElementById('custId').value = 0;
	            document.getElementById('zzy').style.display = 'none';
				initList('listDisplay');
			});
			 
		 
			//品级格式
			function formatMaterLevel(value,row,index,field){
				if(value=="1"){
					return "优";
				}else if(value=="2"){
					return "中";
				}else if(value=="3"){
					return "差";
				}
			}
			 
			function formatRadio(value,rowData,rowIndex){
				return value="<input type='radio' class='myrad'  name='radioMater' />";
			}
			 
			//下拉框
            $(function() {        
            	$('#supId').combobox({   
                    url:"<c:url value='/store/pulldownSupId.do?space=2'/>",   
                    editable:false, //不可编辑状态  
                    cache: false,  
                    valueField:'supId',     
                    textField:'supName',  
                    value:0
                });
                // 下拉框选择控件，下拉框的内容是动态查询数据库信息  
                $('#materType').combobox({   
                    url:"<c:url value='/mater/pulldownMaterType.do?space=1'/>",   
                    editable:true, //不可编辑状态  
                    cache: false,  
                    panelHeight: '150',  
                    valueField:'materType',     
                    textField:'materTypename',                      
                }); 
                $("#custName").textbox({
                    buttonText : '选择',
                    iconAlign : 'left',
                    editable : false,
                    value : "无",
                    multiline : true,
                    height : '25px',
                    onClickButton : function() {
                        initDateLeft();
                        showMsgLeft();
                        ShowDiv();

                        var left = $('#left').listbox();
                        var items = left.getDatas();
                        left.removeRange(items);

                        /* var right = $('#right').listbox();
                        var itemsr = right.getDatas();
                        right.removeRange(itemsr);
                         */
                        $('#left').listbox().reload({
                            data : dataLeft,
                            ajaxsettings : {
                                data : {
                                    id : 'a'
                                }
                            }
                        });
                    }
                });
            });
            function searchInfo(){
            	if($('#custId').val()==0){
            		$.messager.alert('错误','请选择客户！','info');
            		return false;
            	}
            	if($('#supId').combobox('getValue')==0){
                    $.messager.alert('错误','请选择供货商！','info');
                    return false;
                }
            	
                if($('#materType').combobox('getValue') ==''){
                    $('#listDisplay').datagrid('load', {
                    	initFlag : 1,
                        materType : 0,
                        materName : $('#materName').val(),
                        custId : $('#custId').val(),
                        supId : $('#supId').combobox('getValue')
                    }); 
                }else{
                    $('#listDisplay').datagrid('load', {
                    	initFlag : 1,
                        materType : $('#materType').combobox('getValue'),
                        materName : $('#materName').val(),
                        custId : $('#custId').val(),
                        supId : $('#supId').combobox('getValue')
                    });  
                }
            }
            function tea(){
            	$('#listDisplay').datagrid('load');  
            }
            
            //
            //获取data 数据
            function initDateLeft() {
                $.ajax({
                    async : false,
                    url : "<c:url value='/user/shopForAdmin.do'/>",
                    type : "post",
                    success : function(data) {
                        dataLeft = data;
                        if (typeof (dataLeft) == 'string' && dataLeft != '') {
                            dataLeft = JSON.parse(dataLeft);
                        }
                    }
                });
            }
            function ShowDiv() {
                var Allwidth = '100%';
                var Allheight = '100%';
                document.getElementById('zzy').style.display = '';
                Loading.Show({
                    width : Allwidth,
                    height : Allheight
                });
            }
            //初始化showMsg
            function showMsgLeft() {
                $('#left').listbox({
                    data : dataLeft,
                    height : 300,
                    width : 200,
                    dndscope : 'demo',
                    dnd : false,
                    multiselect : true,
                    selectchange : function(data) {
                        if (data && data.length > 0) {
                            $('#btnRight').attr('disabled', false);
                        } else {
                            $('#btnRight').attr('disabled', true);
                        }
                    }
                });
                var data = [ {
                    value : 10,
                    text : 'think8848'
                }, {
                    value : 20,
                    text : 'aCloud'
                }, {
                    value : 21,
                    text : 'aaaaa'
                }, {
                    value : 36,
                    text : 'qqqqq'
                } ];
                $('#right').listbox({
                    //data: data,
                    height : 300,
                    width : 200,
                    dndscope : 'demo',
                    dnd : true,
                    multiselect : true
                });
                $('#btnRightAll').click(function() {
                    var left = $('#left').listbox();
                    var items = left.getDatas();
                    left.clear();
                    $('#right').listbox().addRange(items);
                });
                $('#btnLeftAll').click(function() {
                    var right = $('#right').listbox();
                    var items = right.getDatas();
                    right.clear();
                    $('#left').listbox().addRange(items);
                });
                $('#btnRight').click(function() {
                    var left = $('#left').listbox();
                    var items = left.getSelected();
                    left.removeRange(items);
                    $('#right').listbox().addRange(items);
                });
                $('#btnLeft').click(function() {
                    var right = $('#right').listbox();
                    var items = right.getSelected();
                    right.removeRange(items);
                    $('#left').listbox().addRange(items);
                });
                $('#btnRemove').click(function() {
                    $('#right').listbox().removeRange([ {
                        value : 2
                    }, {
                        value : 26
                    } ]);
                });
                $('#btnSelect').click(function() {
                    var selected = $('#right').listbox().getSelected();
                    var msg = 'Selected count is: ' + selected.length;
                    if (selected.length > 0) {
                        msg += ', The first item text is: ' + selected[0].text;
                    }
                    msg += '.';
                    alert(msg);
                });
                $('#btnGetItems').click(function() {
                    var selected = $('#right').listbox('getDatas');
                    alert('Items count is: ' + selected.length);
                });
                $('#btnSetSelection').click(function() {
                    $('#left').listbox('setSelection', 1);
                });
                $('#select').click(function() {
                    Loading.Hide();
                    document.getElementById('zzy').style.display = 'none';

                    var right = $('#right').listbox();
                    var items = right.getDatas();
                    var userNames = '';
                    var userIds = '';
                    if (items.length > 1) {
                        alert("只能选取一位客户");
                        return false;
                    }
                    
                    if (items.length > 0) {
                        for ( var e in items) {
                            userNames = userNames + items[e].text + ',';
                            userIds = userIds + items[e].value + ',';
                        }
                        userNames = userNames.substring(0, userNames.length - 1);
                        userIds = userIds.substring(0, userIds.length - 1);
                    }
                    if (userNames != '' && userIds != '') {
                        $('#custName').textbox('setValue', userNames);
                        document.getElementById('custId').value = userIds;
                    } else {
                        $('#custName').textbox('setValue', '无');
                        document.getElementById('custId').value = 0;
                    }
                });
                $('#noselect').click(function() {
                    Loading.Hide();
                    document.getElementById('zzy').style.display = 'none';
                });
            }
		</script>
			</head>
			<body>
			<table width="98%">
			<tr><td>
            <div style="height: auto; width:1180px;background: #fafafa; padding: 5px;" class="easyui-panel" title="查询" iconCls="icon-search" collapsible="true" minimizable="false" maximizable="false" closable="false">
                    <form id="searchForm" name="searchForm" method="post"
                        action="userlist.txt"
                        onsubmit="return searchDGData(this.id,'listDisplay');">
                        <div>
                        <table cellpadding="5">
                                <tr>
                                    <td>材料名：</td>
                                    <td><input class="easyui-validatebox" id="materName" editable="true" name="materName"></input></td>
                                    <td>类别：</td>
                                    <td><input class="easyui-combobox" id="materType" editable="false" name="materType"></input></td>
                                    <td>供货商名：</td>
                                    <td><input class="easyui-combobox" name="supId" id="supId" editable="false"  /></td>
                                    <td >客户</td> 
                                    <td><input style="word-wrap: break-word; word-break: break-all;" id="custName" name="custName"></input></td>
                                    <td><input class="easyui-validatebox" editable="false" id="custId" name="custId" type="hidden"></input></td>
                                    <td><input type="button" onclick="searchInfo()" value="查询"></td>
                                </tr>
                        </table>                     
                        </div>
                    </form>
                </div>
            </td></tr>
			<tr>
			<td>
				<table id="listDisplay" title="材料列表" 
				iconCls="icon-list" singleSelect="true" idField="id"
				url="<c:url value="/mater/lookMaterValue.do"/>" loadMsg="请稍候......"
				pagination="true" pageSize="20"
				pageList="[10,20,30,40,50]" sortName="materId"
				rownumbers="true" sortOrder="asc">
				<thead>
				<tr>
				    <th field="materRole" width="25" align="center" formatter="formatRadio"  >
					</th> 
				    <th field="materId" width="80" formatter="formatDGField" sortable="true" editor="text">
						材料ID
					</th>	
 					<th field="materName" width="80" formatter="formatDGField" sortable="true" editor="text">
						材料名
					</th>		
					<th field="materType" width="80" formatter="formatFoodType1" sortable="true" editor="text">
						种类
					</th>	
					<th field="materLevel" width="50" formatter="formatMaterLevel" sortable="true" editor="text">
						品别
					</th>	
					<th field="supId" width="80"  sortable="true" editor="text">
						供货商ID
					</th>	
					<th field="supName" width="100"  sortable="true" editor="text">
						供货商名
					</th>
					<th field="materValue" width="120"  sortable="true" editor="text">
						净料价格(每公斤)
					</th>	
					<th field="materValueUndressed" width="120"  sortable="true" editor="text">
						毛料价格(每公斤)
					</th>	
					<th field="materProportion" width="80" formatter="formatDGField" sortable="true" editor="text">
						毛料率
					</th>
					
					<th field="custId" width="80"sortable="true" editor="text" hidden="true">客户id
                    </th>
					<!-- 
					<th field="materDescribe" width="150" formatter="formatDGField" sortable="true" editor="text">
						描述
					</th>	
					 -->
 				</tr>
				</thead>
			</table>
			</td>
			</tr>
		</table>
		
		<div
        style='position: absolute; left: 40px; top: 40px; z-index: 101; background-color: #FFFFFF; border-radius: 10px; width: 550px;'
        id="zzy">
        <table align="center">
            <tr>
                <td colspan="3">
                    <form id="searchFormForShowCust" name="searchFormForShowCust"
                        method="post" accept-charset="UTF-8">
                        <div
                            style="height: auto; width: 470px; background: #fafafa; padding: 5px;"
                            class="easyui-panel" title="查询" iconCls="icon-search"
                            collapsible="true" minimizable="false" maximizable="false"
                            closable="false">
                            <table>
                                <tr>
                                    <td>省:</td>
                                    <td><input class="easyui-combobox" name="provinceShow"
                                        id="provinceShow" required="true" /></td>
                                    <td>市:</td>
                                    <td><input class="easyui-combobox" name="cityShow"
                                        id="cityShow" required="true" /></td>
                                </tr>
                                <tr>
                                    <td>区:</td>
                                    <td><input class="easyui-combobox" name="countryShow"
                                        id="countryShow" required="true" /></td>
                                    <td colspan="2"><a href="#" class="easyui-linkbutton"
                                        data-options="iconCls:'icon-search'" style="width: 60px"
                                        onclick="searchInfoForShowCust()">查询</a></td>
                                </tr>
                            </table>
                        </div>
                    </form>
                </td>
            </tr>
            <tr>
                <td>
                    <ul id="left">
                    </ul>
                </td>
                <td><input type="button" value="&gt;&gt;" id="btnRightAll"
                    style="width: 50px;" /><br /> <input type="button" value="&gt;"
                    id="btnRight" style="width: 50px;" /><br /> <input type="button"
                    value="&lt;" id="btnLeft" style="width: 50px;" /><br /> <input
                    type="button" value="&lt;&lt;" id="btnLeftAll" style="width: 50px;" />
                </td>
                <td>
                    <ul id="right">
                    </ul>
                </td>
            </tr>
        </table>
        <table align="center">
            <tr>
                <!--  
                <td><input type="button" value="Add Item" id="btnAdd" /></td>
                <td><input type="button" value="Remove Item" id="btnRemove" /></td>
                <td><input type="button" value="Get Select" id="btnSelect" /></td>
                <td><input type="button" value="Get Items" id="btnGetItems" /></td>
                <td><input type="button" value="SetSelection (value equal to '1')" id="btnSetSelection" /></td>
                <td><input type="button" value="Reload" id="btnReload" /></td>
                -->
                <td><input type="button" value="取消" id="noselect" /></td>
                <td width="200px"></td>
                <td><input type="button" value="选择" id="select" /></td>

            </tr>
        </table>
    </div>
	</body>
</html>